<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<style type="text/css">
*{
	margin:0;
	padding:0;
}/*清除格式*/
li{list-style: none;}/*清除所有点*/
input:not(.one){
	width:410px;
	height:46px;
}/*选中除了class="one"以外所有的表单*/
.wasd{
    width: 1200px;
    height: 1024px;
    background-color: #292929;
    margin:0 auto;
}/*大盒子*/
.biaodan{
	width: 414px;
	height: 600px;
	margin: 100px auto 0px auto;
}/*表单*/
.three,label{
	color: #fff;
}
.three a{
	color: #fff;
	font-size: 16px;
}
.three a:hover{
	color: deepskyblue;
}

/*下面重复*/
.div2{
    width: 1200px;
    height: 110px;
    background-color:#292929;
    padding-top: 30px;/* 盒子上内边距 图片上距离*/
}
.div3{
    width: 1200px;
    height: 50px;
    padding: auto 10px;
    border-bottom: 6px solid #303030;
    background-color: #292929;
}
.div2 .left {
    float: left;
    margin-left: 70px;
}

.div2 .right {
    float: right;
    margin-right: 20px;
}
.div2 a {
    color:rgb(255, 255, 255);}
.div2 a:hover{
    color: deepskyblue;
}
/*logo*/
.div3 .daohanglan ul li{ 
    float:left;
	padding:0px 1px; 
}
.div3 .daohanglan ul li a{
    text-decoration:none;
	color:rgb(255, 255, 255);
	font-size:18px;
    display: block;/*转为块级元素 不然没法设置大小*/
    padding: 15px 20px 0;
    height: 40px;}
.div3 .daohanglan ul li a:hover{ 
    background-color: #303030;}
.shouye{ background-color: #303030;}/*首页选中状态*/
/*导航栏*/
.xiala ul{
    float: left;
    width: 76px;
    height: auto;
    display: none;/*隐藏*/
    position: absolute;/*定位 不然会占空间*/
}
.xiala ul li{
	float:none;
    background-color: #292929;
}
.xiala:hover ul{
    display:block;/*鼠标放上去显示*/
}
.xiala ul li a:hover{
    text-decoration:underline;
    color: aqua;
}
.xiala ul li a{
    width: 36px;padding-left: 19px;padding-right: 19px;/*上下有两像素的差距*/
}
/*分类下拉菜单*/
.sousuo{
    float: right;
    margin:20px 10px 0px 0px;
}
/*搜索*/
footer {
            width: 100%;
            /*height: 120px;*/
            background-color: #292929;
            border-top: 1px solid #ccc;
            clear: both;
            text-align: center;
            color: #999;
            font-size: 14px;
        }/*对底部进行设置，设置宽度，上外边距，背景颜色，上边框，清除浮动，文本对齐，字体颜色，字体大小*/
        footer ul {
            width: 300px;
            margin: 0px auto;
            line-height: 40px;;
        }/*对底部的无序列表进行设置，设置宽度，外边距，行高*/
        footer ul li {
            float: left;
            margin-left: 9px;
        }/*对底部的无序列表中的列表项进行设置，设置左浮动，左外边距*/
        footer a {
            color: #888;
            text-decoration: none;;
        }/*对底部的a进行设置，设置字体颜色，文本装饰*/
        footer p {
            clear: both;
            line-height: 40px;
        }/*对底部的p进行设置，设置行高，清除浮动*/
/*重复到这里*/

</style>
</head>
<body>

	
<div class="wasd">


	<div class="div2">
		<div class="left"><a href="index.html"><img src="sucai/在线动漫.png" title="返回首页"></a></div>
		<div class="right"><a href="denglu.html">登录</a>|<a href="zhuce.html">注册</a></div>
	</div>
	<div class="div3">
		<div class="daohanglan">
			<ul>
				<li><a href="index.html" class="shouye">首页</a></li>
				<li><a href="#">每日推荐</a></li>
				<li><a href="#">最近更新</a></li>
				<li class="xiala"><a href="#">分类</a>
					<ul>
						<li><a href="">热血</a></li>
						<li><a href="">搞笑</a></li>
						<li><a href="">校园</a></li>
						<li><a href="">科幻</a></li>
						<li><a href="">恐怖</a></li>
					</ul>
				</li>
				<li><a href="#">排行榜</a></li>
			</ul>
		</div>
		<dib class="sousuo">
			<form>
				<input type="sousuo" placeholder="输入关键字" class="one">
				<button type="submit"></button>
			</form>
		</dib>
	</div>



	<div class="biaodan">
		<h1 class="three">欢迎注册&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;
			<a href="denglu.html">已有账号 去登陆</a></h1>
            <input type="tel" name="d" placeholder="请输入用户名" required><br/><br/>
	<form>
		<input type="text" placeholder="请输入邮箱" list="email"required><datalist id="email">
		<option value="@163.com">@163.com</option>
		<option value="@126.com">@126.com</option>
		<option value="@yenh.net">@yenh.net</option></datalist><br/><br/>
    
    	<input type="password" name="b" size="20" required placeholder="请输入密码" ><br/><br/>
                    
        <input type="tel" name="c" placeholder="确认密码" required><br/><br/>
    
    	<input type="checkbox" class="one" required>

    	<label>同意《服务条款》、《隐私政策》和《儿童隐私政策》</label><br/><br/>
    
    	<input calss="q" type="submit" name="d" value="立即注册" class="two">
	</form>
</div>

<footer>
	<ul>
		<li><a href="#">关于动漫</a></li>
		<li><a href="#">免责声明</a></li>
		<li><a href="#">动漫目录</a></li>
		<li><a href="#">联系我们</a></li>
	</ul>
	<p>Copyright © 动漫网 www.dongman.com 2021-2021, All Rights Reserved.版权所有 </p>

	<p>鄂ICP备123456号-2 <img src="sucai/beian.png" /> 鄂公网安备 13456号</p>
</footer>
</div>
</body>
</html>
